<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="test11.css" />
	</head>
	<body>
		<!-- 1.设置相对定位 -->
		<div class="div2">
			<!-- 设置背景图片 -->
			<img src="https://www-file.huawei.com/-/media/corp2020/home/banner/11/exploring-the-intelligent-world-cn-2.jpg" alt="" />
			<!-- 设置子元素绝对定位，此时可以根据图片位置进行调整，否则根据整个屏幕调整 -->
			<div class="left"><</div>
			<div class="right">></div>
			<div class="btn">了解更多</div>
			<div class="div3"></div>
			<div class="div4"></div>
		</div>
		
		
		<div class="div1">APP内打开</div>
			
		<div class="red"> </div>
		<div class="y">
			
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
		</div>
		
	
	</body>
</html>